<!--
 * @Description: 隧道
 * @Author: 0001100986/LiuShuai
 * @Date: 2021-11-02 15:00:48
 * @LastEditTime: 2021-11-10 15:26:50
 * @LastEditors: 0001100986/LiuShuai
-->
<template>
  <div class="page-content">
    <el-tabs v-model="activeName" type="card">
      <el-tab-pane label="IPSEC / L2TP" name="ipsec">
        <ipsec @handleRefresh="handleRefresh($event)" />
      </el-tab-pane>
      <el-tab-pane label="EVPN" name="evpn">
        <evpn @handleRefresh="handleRefresh($event)" />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import ipsec from './ipsec';
import evpn from './evpn';
export default {
  components: {
    ipsec,
    evpn
  },
  data () {
    return {
      activeName: 'ipsec'
    };
  },
  methods: {
    // 回调
    handleRefresh (val) {
      let _this = this;
      _this.activeName = val;
    },
  }
};
</script>

<style lang="scss" scoped>
.page-content {
  width: 100%;
  height: 100%;
}
</style>